<template>
  <div
    class="all"
    :style="{ height: screenHeight + 'px', width: screenWidth + 'px' }"
  >
    <Return txt="激活充值"></Return>
    <div class="tall">
      <div class="tall1">
        <span>¥</span>
        <input class="tall2" type="text" placeholder="系统自己调价格" />
      </div>
      <li>激活后将立即恢复当前公司的基盘客户回访提醒</li>
    </div>
    <div class="logo">
      <img src="../../../assets/images/zhifu.png" alt="" />
      <span>微信支付</span>
    </div>
  </div>
</template>
<script>
import Return from "../../../components/return";
export default {
  components: {
    Return,
  },
  data() {
    return {
      screenWidth:
        window.innerWidth ||
        document.documentElement.clientWidth ||
        document.body.clientWidth,
      screenHeight:
        window.innerHeight ||
        document.documentElement.clientHeight ||
        document.body.clientHeight,
    };
  },
};
</script>
<style scoped>
.all {
  background: #eeeeee;
}
.tall {
  width: 100%;
  height: 250px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background: #fff;
}
.tall1 {
  display: flex;
  align-items: center;
}
.tall2 {
  width: 150px;
  margin-left: 5px;
  border: none;
  border-bottom: 1px solid #898989;
}
.tall li {
  margin-top: 50px;
  font-size: 14px;
}
.logo{
    width: 80%;
    height: 60px;
    margin-left: 10%;
    background: #fff;
    display:flex;
    align-items: center;
    margin-top: 150px;
}
.logo img{
    width: 40px;
    height: 40px;
    margin-left: 25%;
}
.logo span{
    margin-left:20%;
    font-size: 18px;
}
</style>